<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Cocos2d-html5 Hello World test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="full-screen" content="yes"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
    <script src="../_public/js/tigerUI_640.js"></script>
    <script src="../_public/js/jquery-2.1.4.min.js"></script>
    <style>
        body, canvas, div {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            -khtml-user-select: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        html, body{
            height: 100%;
        }
        .clearfix{
            clear: both;
        }
        .msgDiv{
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            font-size: .28rem;
            display: none;
        }
        .msgDiv_head{
            width: 1.18rem;
            height: 1.8rem;
            background-image: url(res/headBG.png);
            background-size: 100% 100%;
            position: absolute;
            right: .5rem;
            top: .2rem;
        }
        .msgDiv_head_img{
            width: .9rem;
            height: .9rem;
            border-radius: 100%;
            margin-left: .1rem;
            margin-top: .45rem;
        }
        .msgDiv_head_img img{
            width: 100%;
            height: 100%;
            border-radius: 100%;
        }
        .msgDiv_textFrame{
            position: absolute;
            left: 1.22rem;
            top: 2.15rem;
            width: 3.95rem;
            height: 4.85rem;
        }
        .msgDiv_textFrame_to{
            width: 2.5rem;
            height: .6rem;
            line-height: .6rem;
            background-color: rgb(255,251,231);
            border-radius: 5px;
            color: rgb(251,91,0);
            text-align: center;
        }
        .msgDiv_textFrame_text{
            width: 3.95rem;
            height: 3.3rem;
            box-sizing:border-box;
            padding:5px;
            line-height: .35rem;
            background-color: rgba(255,251,231,0.7);
            border-radius: 5px;
            margin-top: .1rem;
            margin-bottom: .1rem;
            overflow: hidden;
            text-indent: .5rem;
        }
        .msgDiv_textFrame_from{
            width: 3.95rem;
            height: .6rem;
            line-height: .6rem;
            border-radius: 5px;
            text-align: right;
            color: rgb(251,91,0);
            line-height: .6rem;
        }
        .msgDiv_textFrame_btn{
            width: 1.6rem;
            height: 1.6rem;
            background-size: 100% 100%;
            margin-left: 1.17rem;
        }
        .btn1{
            background-image: url(res/btnMsg.png);
        }
        .btn2{
            background-image: url(res/btnSend.png);
        }
    </style>
</head>
<body style="padding:0; margin: 0; background: #000;">
<div class="msgDiv">
    <div class="msgDiv_head">
        <div class="msgDiv_head_img"><img src="res/logo.jpg"></div>
    </div>
    <div class="msgDiv_textFrame">
        <div class="msgDiv_textFrame_to">亲爱的李甜甜：</div>
        <div class="msgDiv_textFrame_text">叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当叮叮当</div>
        <div class="msgDiv_textFrame_from">———— 分享科技</div>
        <div class="msgDiv_textFrame_btn btn1"></div>
    </div>
</div>
<canvas id="gameCanvas"></canvas>
<script src="../_public/frameworks_3_9/cocos2d-html5/CCBoot.js"></script>
<script cocos src="main.js"></script>
<script>
    function indexShowDiv(){
        $('.msgDiv').show();
    }
</script>
</body>
</html>
